/**
 * 公共css变量
 */

page {
	background-color: $color-bg;
}
view,
cover-view,
scroll-view {
	color: $color-text;
	font-size: $font-size;
	box-sizing: border-box;
	font-family: $font-family;
	font-weight: $font-weight;
}
view {
	background-size: 100% 100%;
}
/* input-placeholder颜色 */
.phcolor {
	color: $color-grey-light;
}
button {
	padding: 0;
	font-size: $font-size;
}
button::after{
	border: none;
}

/* 布局 */
.content {
	display: flex;
	flex-direction: column;
}

/* 文本溢出 */
.text_over {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

/* 没有列表时显示的icon及tip */
.no_lists {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	.img {
		margin-top: 280rpx;
	}
	.tip {
		margin-top: 18rpx;
		font-size: 30rpx;
		color: $color-text-primary;
	}
}

/* 顶部固定布局，用于筛选条件下占位 */
.fixed_top {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: $z-index-fixed;
	background-color: $color-white;
}

/* 弹窗 */
._popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: $z-index-popup;
	background-color: rgba(0,0,0,.5);
}
/* 弹窗-嵌套在遮罩层中的弹窗 */
._popup.center {
	display: flex;
	flex-direction: column;
	padding-top: calc(50vh - 280rpx);
	align-items: center;
}

/* 确认按钮，以button显示 */
.btn_submit {
	width: 690rpx;
	height: 90rpx;
	line-height: 90rpx;
	margin-left: 30rpx;
	margin-right: 30rpx;
	color: $color-white;
	background-color: $color-text-primary;
}

/* 底部菜单 */
.bottom_blank {
	width: 750rpx;
	height: 160rpx;
}
.bottom_view {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: $z-index-fixed;
	height: 140rpx;
	border-top: 1rpx solid $color-list;
	background-color: $color-white;
	.btn_submit {
		margin-top: 25rpx;
	}
}

/* 箭头-导航 */
.arrow_nav {
	width: 12rpx;
	height: 20rpx;
	background-image: url('http://img.etubang.com/group1/M00/00/42/rBCky16FmkqAb6U9AAAB5sN1yIo771.png');
}

/* 条件筛选-button */
.select_btn.not_sl {
	opacity: 0.6;
}
.select_btn {
	width: 160rpx;
	height: 50rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border-radius: 25rpx;
	background-color: #7C87BF;
	._text {
		font-size: 22rpx;
		color: $color-white;
	}
	._icon {
		width: 17rpx;
		height: 10rpx;
		margin-left: 13rpx;
	}
	._icon.up {
		background-image: url('http://img.etubang.com/group1/M00/00/42/rBCky16FT1yAIIEdAAABSBFFRaw512.png');
	}
	._icon.down {
		background-image: url('http://img.etubang.com/group1/M00/00/42/rBCky16EZTmAEAciAAABSniHauw516.png');
	}
}
/* 条件筛选-弹窗 */
.select_popup {
	position: fixed;
	left: 0;
	right: 0;
	z-index: $z-index-popup-info;
	max-height: 400rpx;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 30rpx 10rpx;
	border-radius: 0 0 40rpx 40rpx;
	background-color: $color-white;
	._btn {
		display: inline-block;
		min-width: 130rpx;
		margin: 12rpx 20rpx;
		padding: 15rpx 20rpx;
		text-align: center;
		font-size: 22rpx;
		border-radius: 25rpx;
		background-color: $color-bg;
	}
	._btn.sl {
		color: $color-white;
		background-color: $color-primary;
	}
}
